<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <link rel="icon" type="image/svg+xml" href="./public/favicon.svg" />
  <meta
    name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
  />
  <meta name="theme-color" content="#000000" />
  <title>预览图片</title>
  <script src="./dist/main.min.js"></script>
  <link rel="stylesheet" href="./dist/style.min.css">
</head>
<body>
  <button id="preview">预览</button>
  <script>
    document.querySelector('#preview')?.addEventListener('click', function () {
    new Preview({
      list: [{
        ext: 'jpeg',
        name: '预览图片',
        src: './public/meinv.jpeg'
      }, {
        ext: 'jpeg',
        name: '预览图片',
        src: './public/fengjin.jpeg'
      }]
    }).display(0)
  }, false)
  </script>
</body>
</html>
